<template>
  <div class="about">
    <h1>This is an about page</h1>
    {{b}}
  </div>
</template>
<script>
export default {
  props:['b'],
  data () {
    return {
      a:this.b.a
    }
  },
  watch: {
    // b: {
    //   handler: function (n,o) {
    //     console.log(n,o)
    //   },
    //   deep: true,
    //   immediate: true
    // },
    a: {
      handler: function (n,o) {
        console.log(n,o)
      },
      deep: true,
      immediate: true
    }
  },
}
</script>
